<template>
  <E-box-containers :title="title">
    <div class="E-ranking">
      <el-row :gutter="20">
        <el-col :span="8" v-for="(item, index) in listData" :key="index">
          <E-ranking-card :item="item" />
        </el-col>
      </el-row>
    </div>
  </E-box-containers>
</template>

<script>
export default {
  props: ['title', 'listData', 'artistToplist'],
  components: {
    EBoxContainers: () => import('./E-box-containers'),
    ERankingCard: () => import('./E-ranking-card')
  }
};
</script>
